/*
  学习目标：props的特点
*/
import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>
        <Child title={[123, 456]}></Child>
      </div>
    );
  }
}

class Child extends React.Component {
  render() {
    // 👍 推荐解构props
    const { title } = this.props;
    return (
      <div>
        {/* ❌ 这么写无法修改title的值，React中是严格禁止修改props，
            与Vue中的引用地址，绕过props不同 */}
        <h1 onClick={() => title.push('789')}>{title}</h1>
      </div>
    );
  }
}
